﻿$j(document).ready(PageLoad);

function PageLoad()
{
    //触发搜索框输入事件
    $j("#top-keywords").focus(
        function()
        {
            var A = $j(this);
            if(A.val() == "搜索商品...")
            {
                A.val("");
            }
        }
    );
     $j("#top-keywords").blur(
        function()
        {
            var A = $j(this);
            if(A.val() == "")
            {
                A.val("搜索商品...");
            }
        }
    );
    
    //触发页面所有交替变换面板事件
    $j(".changer-seq span").mouseover(
        function()
        {
            var A = $j(this);
            var B = A.attr("id").substring(A.attr("id").lastIndexOf("-")+1);
            var C = B.substring(0,B.indexOf("_"));
            
            //如果该面板是显示的，则返回
            if($j("#changer-body-" + B).css("display") == "block")
            {
                return;
            }       
            
            //隐藏该box下所有显示的面板
            var D = A.parent().parent().attr("id");
            
            $j("#" + D + " > .changer-body:visible").each(
                function()
                {
                    var E = $j(this);
                    E.css("display","none");
                }
            );
            
            $j("#" + D + " > .changer-seq > span").each(
                function()
                {
                    var F = $j(this);
                    F.removeClass("current");
                }
            );
            
            //显示应该显示的
            $j("#changer-body-" + B).fadeIn("fast");
            
            //定位新的索引
            A.addClass("current");
        }
    );
    
    //触发页面所有分类推拉事件
    $j(".drawer-fur").click(
        function()
        {
            var A = $j(this);
            var B = A.attr("id").substring(A.attr("id").lastIndexOf("-")+1);
            var C = B.substring(0,B.indexOf("_"));
            
            //如果该面板是显示的，则关闭该面板，并返回
            if($j("#drawer-content-" + B).css("display") == "block")
            {
                $j("#drawer-content-" + B).slideUp("slow");
                return;
            }       
            
            //隐藏该box下所有显示的面板
            var D = A.parent().attr("id");
            
            $j("#" + D + " > ul:visible").each(
                function()
                {
                    var E = $j(this);
                    E.slideUp("slow");
                }
            );
            
            //显示应该显示的
            $j("#drawer-content-" + B).slideDown("slow");
        }
    );
    
    //触发页面菜单变换事件
    $j(".menu-pri span").mouseover(
        function()
        {
            var A = $j(this);
            var B = A.attr("id").substring(A.attr("id").lastIndexOf("-")+1);
            var C = B.substring(0,B.indexOf("_"));
            
            //如果该面板是显示的，则返回
            if($j("#menu-se-" + B).css("display") == "block")
            {
                return;
            }  
            
            //隐藏该box下所有显示的面板
            var D = $j("#menu-se-" + B);
            var E = D.parent().attr("id");
            
            $j("#" + E + " > .menu-second:visible").each(
                function()
                {
                    var F = $j(this);
                    F.css("display","none");
                }
            );
            
            //显示应该显示的
            $j("#menu-se-" + B).show();
            
            //定位新的索引
            A.addClass("current");
        }
    );
    
    $j(".menu-pri span").mouseout(
        function()
        {     
            var A = $j(this);
            var B = A.attr("id").substring(A.attr("id").lastIndexOf("-")+1);
            
            if(B == CurPrimaryMenuId)
            {
                return;
            }
            else
            {
                //隐藏该下拉菜单
                //$j("#menu-se-" + B).css("display","none");
                A.removeClass("current");
                //显示应该显示的
                //$j("#menu-se-" + CurPrimaryMenuId).show();
            }
        }
    );
    
    
    //触发页面畅销榜切换事件
    $j("#cxb .top-seq div").mouseover(
        function()
        {
            var A = $j(this);
            var B = A.attr("class");
            if(B.lastIndexOf("-") != -1)
            {
                B = B.substring(0,B.lastIndexOf("-"));
            }
            
            //如果该面板是显示的，则返回
            if($j("#" + B + "-top").css("display") == "block")
            {
                return;
            }       
            
            //隐藏该box下所有显示的面板
            var D = A.parent().parent().parent().parent().attr("id");
            
            $j("#" + D + " > .box-body > .topbox:visible").each(
                function()
                {
                    var E = $j(this);
                    E.css("display","none");
                }
            );
            
            //显示应该显示的
            $j("#" + B + "-top").show();
        }
    );
    
    //循环触发电视机切换事件
    TVChanger();
    
    //触发电视机切换事件
    //触发电视机切换事件
    $j(".tv-changer-seq span").mouseover(
        function()
        {
            var A = $j(this);
            var B = A.attr("id").substring(A.attr("id").lastIndexOf("-")+1);
            var C = B.substring(B.indexOf("_") + 1,B.length);
            
            changerIndex = parseInt(C);
            
            //如果该面板是显示的，则返回
            if($j("#changer-body-" + B).css("display") == "block")
            {
                return;
            }       
            
            //隐藏该box下所有显示的面板
            var D = A.parent().parent().attr("id");
            
            $j("#" + D + " > .changer-body:visible").each(
                function()
                {
                    var E = $j(this);
                    E.css("display","none");
                }
            );
            
            $j("#" + D + " > .tv-changer-seq > span").each(
                function()
                {
                    var F = $j(this);
                    F.removeClass("current");
                }
            );
            
            //显示应该显示的
            $j("#changer-body-" + B).fadeIn("fast");
            
            //定位新的索引
            A.addClass("current");
        }
    );
    
    //目录专区弹出框
    $j(".special-menu-3 .drop").click(
        function()
        {
            var A = $j(this);
            var B = A.attr("id");     
            
            //显示下拉筐
            $j("#" + B + " > .pop-up").each(
                function()
                {
                    var E = $j(this);
                    //alert(E.css("display"));
                    if(E.css("display") == "none")
                    {
                        E.slideDown("fast");
                    }
                    else
                    {
                        E.slideUp("fast");
                    }
                }
            );
        }
    );
    
    $j(".popup").mouseover(
        function()
        {
            var A = $j(this).attr("id");
            var B = $j("#" + A + "-content");
            B.css("left",A.offsetLeft);
            B.show();
        }
    );
    
    var droperTimer;
    
    $j(".popup").mouseout(
        function()
        {
            var A = $j(this).attr("id");
            
            droperTimer = setTimeout(
            function()
            {
               var B = $j("#" + A + "-content");
               B.hide(); 
            }
            , 200);
        }
    );
    
    $j(".popup-content").mouseover(
        function()
        {
            if (droperTimer) clearTimeout(droperTimer);
            $j(this).show();
        }
    );
    
    $j(".popup-content").mouseout(
        function()
        {
            var A = $j(this);
            A.hide();
        }
    );
}

var changerIndex = 0;
var changerTimer;
var laterTime = 6000;

function TVChanger()
{
    if(changerIndex >= TVCount)
    {
        changerIndex = 0;
    }
    
    $j("#changer-seq-" + changerId + "_" + changerIndex).trigger("mouseover");
    
    changerIndex++;
    
    changerTimer = setTimeout("TVChanger()",laterTime);
}
